.noSelect
    { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow: hidden;}

.label
    {
    cursor: pointer;
    position: absolute;
    max-width:150px;
    font-size: 12px;
    color: #eee;
    opacity: 0.8;
    transition: transform 0.5s, font-weight 0.5s, text-shadow 0.5s;
-moz-transition: -moz-transform 0.5s, font-weight 0.5s;	/* Firefox 4 */
-webkit-transition: -webkit-transform 0.5s, font-weight 0.5s;	/* Safari 和 Chrome */
-o-transition: -o-transform 0.5s, font-weight 0.5s;	/* Opera */
    }

.label:hover
{
    font-weight:bold;
    opacity: 1.0;
    transform: scale(1.2, 1.2);
    text-shadow: 2px #333;
}

.left
{
    text-align: center;
}

.loading
{
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
}

.loadingimg
{
    padding-top: 30%;
    display: inline-block;
    vertical-align: middle;
}

circle
    {
    fill: rgb(220,122,107);
    stroke: #fff;
    stroke-width: 1px;
    fill-opacity: 0.6;
    transition: fill-opacity 0.5s, fill 0.5s, transform 0.5s;
    }

circle:hover
{
    transform: scale(1.3,1.3);
    stroke: #e99;
    fill-opacity: 1.0;
}

.line
    {
    stroke: #999;
    stroke-opacity: 0.6;
    stroke-width: 1px;
    transition: stroke-width 0.5s, stroke-opacity 0.5s;
    }

.line:hover
{
    stroke-opacity: 1.0;
    stroke-width: 3px;
}

.polygon
{
    z-index: 100;
    fill: rgb(220,122,107);
    stroke-opacity: 0.6;
    stroke-width: 1.5px;
    opacity: 0.6;
    transition: fill-opacity 0.5s;
}